<%-- 
    Document   : Contacto
    Created on : 05-nov-2012, 15:38:19
    Author     : Pavilion
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
	<title>Contactarse</title>
	<link rel=StyleSheet href="styles.css" type="text/css" media="screen"/>

<script type="text/javascript">
	 function verificarForm(form){
 		if ((form.nombre.value=="")||form.nombre.value.lenght==0){
			alert ("Debe ingresar el nombre del titular de la cuenta.");
			form.nombre.focus();
			return false;
		}             
		if ((form.apellido.value=="")||form.apellido.value.lenght==0){
			alert ("Debe ingresar su apellido del titular de la cuenta.");
			form.apellido.focus();
			return false;
		}

                if ((form.email.value=="")||form.email.value.lenght==0){
			alert ("Debe ingresar un e-mail.");
			form.email.value="";
			form.email.focus();
                        return false;                       
                }else{  
                        valor = validarEmail(form.email.value);
                        if (valor = false){
                        alert ("Debe ingresar un email válido.");
			form.email.focus();			
                        return false;
                        } 
		}
	 	if ((form.tel.value=="")||form.tel.value.lenght==0){
			alert ("Debe ingresar un número telefónico.");
			form.tel.focus();
			return false;
		}
                
                if (validarTel(form.tel.value)=="false"){
		    alert ("Debe ingresar un número telefónico válido. Debe contener solo caracteres numéricos");                    
                    form.tel.focus();
                    return false;
                   }
                
                if((form.tel.value.length<7)||(form.tel.value.length>8)){                   
                    alert ("Debe ingresar un número telefónico válido cuyo tamaño debe ser de 7 / 8 cifras, sin guion de separación");                    
                    form.tel.focus();
                    return false;                    
                   }
                
		if ((form.comentario.value=="")||form.comentario.value.lenght==0){
			alert ("Debe asignar un comentario que permita aclarar su inquietud.");
			form.comentario.focus();
			return false;
		}
		form.submit();
	 }

function validarEmail(value){ 
    var ExpRegular = /(\w+)(\.?)(\w*)(\@{1})(\w+)(\.?)(\w*)(\.{1})(\w{2,3})/;
     if(ExpRegular.test(value)) { 
        return true; 
    }else{ 
        return false; 
    }
}  

function validarTel(value)  {
if (isNaN(value)) {
return ("false");
}
}
</script>

</head>

<body class="ubicacion" style="margin: auto">    

<div class="header" >
<Div  style="width: 100%; height: 80px; background-color: blue"  > 
    <H4>MUNICIPALIDAD DE PUERTO DESEADO</H4>
    <H5>Agencia de Recaudaci&oacute;n Municipal</H5>
</Div>
<HR size="2" color="negro"/>

<div class="header">
    <img src="imagenes\escudodeseado.jpg" Style="text-decoration:underline; width: 100px; height: 100px; border: 0px; padding: 0px; margin: 0px" alt="" />
    <img src="imagenes\PDeseado.jpg" Style="text-decoration:underline; width: 700px; height: 100px; border: 0px; padding: 0px; margin: 0px" alt=""/>
</div>

<HR size="2" color="negro"/>
</div>

<HR size="2" color="negro"/>

<form  action="ServletConsultar"  method="post" name="Registro" id="Registro" onSubmit="verificarForm(this); return false;">
<div >
    <h1 class="h12" style="margin-bottom: 10px">Contacto - Datos personales:</h1>
</div>

<HR size="2" color="negro" style="margin-bottom: 5px; margin-top: 15px;"/>

<div style="margin-bottom: 10px; margin-top: 15px; width: 100%">
    <div style="display: inline-block; width: 395px"><label class="eti_fondo" for="nombre">Nombre: </label>
        <input style="display: inline-box;" name="nombre" type="text" id="nombre" size="40"/>
    </div>
    <div style="display: inline-block; width: 395px"><label class="eti_fondo" for="dni">Apellido: </label>
        <input style="display: inline-box;" name="apellido" type="text" id="apellido" size="40"/>
    </div>
</div>

<div style="margin-bottom: 10px; margin-top: 15px; width: 100%">
    <label class="eti_fondo" for="email">E-mail: </label>
        <input style="display: inline-box;" name="email" type="text" id="email" size="40"/>
</div>
    <div style="display: inline-block; width: 520px">
        <label class="eti_fondo" for="tel">Tel&eacute;fono: </label>
        <input style="display: inline-box;" name="tel" type="text" id="tel" size="40"/>
    </div>
<P class=txt-8>*Escriba su número sin separar con guiones.</P>
<HR size="2" color="negro" style="margin-bottom: 15px; margin-top: 5px;"/>

<div style="display: inline-block; width: 100%">
        <label class="eti_fondo" style="vertical-align: top; margin-top: 0px" for="comentario">Comentarios: </label>
        <TEXTAREA style="WIDTH: 450px; HEIGHT: 110px" id=comentario name=comentario></TEXTAREA>
</div>
<P class=txt-8>Escriba su consulta con un m&aacute;ximo de 500 caracteres.</P>
    <p class="boton" style="margin-top: 25px; width: 100%; text-align: center"><input name="registrar" type="image" id="registrar" value="registrar" src="imagenes\boton-enviar.gif" style="margin: auto; border: 0px" alt=""/></p>

    <HR class="ubicacion" size="2" color="negro" style="margin-top: 25px"/>    
    <p align="center" ><a  href="index.jsp"> Volver </a></p> 

  <% if (request.getParameter("status")!=null) {
       int status= Integer.valueOf(request.getParameter("status"));
        if (status==0) 		 
           {%>
    <script> alert("Su consulta no ha podido ser enviada. Inténtelo nuevamente.");</script>
 <%
}
else
{
%>   
            <script>alert ("Ha ocurrido un error al cargar los datos. Inténtelo de nuevo.");</script> 
    <% }
                      }
                   %>      
</form>
</body>
</html>